<!DOCTYPE html>
<html>
<head>
    <title>机构表</title>
    #parse("sys/header.html")
    <style>
        .zterrrec {
            background-color: aliceblue;
            padding-top: 10px !important;
        }

        .grid-top {

        }

        .search-span {
            position: absolute !important;
            padding-left: 120px;
            padding-top: 10px;
            color: #337ab7;
        }

        .leftBox {
            heigth: 600px;
            display: block;
            background-color: aliceblue;
            border-color: white;
            border-right-width: 15px;
            border-style: solid;
            height: 600px;
            overflow: auto;
        }

        .leftBox #clickCreenButton {
            float: right;
            padding-left: 10px;
            padding-top: 3px;
            color: #337ab7;
        }

        .leftBox #clickCreenButton:hover {
            font-size: 18px;
            color: #23527c;
        }

        .pop {
            left: -2200px;
            top: 0px;
            position: absolute;
            width: 100%;
            height: 610px;
            z-index: 101;
            background-color: rgba(0, 0, 0, 0.5);

        }

        .pop .tanchuang_neirong {

            border: solid 1px #f7dd8c;
            background-color: #FFF;

            margin-top: 30px;

        }

        .popfooter {
            height: 50px;
            background-color: #ecf1f1;
            vertical-align: middle;

        }

        .popfooter button {
            margin-top: 8px;
            float: right;
            margin-left: 10px;
            background-color: #337ab7;
            color: #fff;
        }

        .popfooter button:hover {

            background-color: #23527c;
            color: #fff;
        }

        .popherder {
            height: 35px;
            background-color: #ecf1f1;
            margin-top: -18px;
        }

        .popherder span {
            position: absolute;
            right: 10px;
            color: #337ab7;
            padding-top: 5px;
            font-size: 18px
        }

        .popherder span:hover {
            font-size: 20px;
            color: #23527c;

        }

        .ui-jqgrid {
            position: relative;
            border: 1px solid #ddd;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            margin-top: 15px;
        }

        .dropdown {
            position: relative;
            display: inline-block;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: white;
            z-index: 150;

        }

        .dropdown-content a{
            color: black;

            background-color: #ccc;
            display: block;
            border: none;
            border-color: #ccc;

            border-radius: 2px
        }

        .dropdown-content a:hover {
            background-color: #e6e6e6
        }

        .dropdown:hover .dropdown-content {
            display: block;
        }

        .dropdown:hover .dropbtn {
            background-color: #e6e6e6;
        }

    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="">
            <div class="leftBox col-sm-2 " id="rigthMune">
                 <span class="glyphicon glyphicon-fullscreen" id="clickCreenButton" style="color:#337ab7">
                 </span>
                <!--<div class="col-sm-2">-->
                <ul id="menuTree" class="ztree zterrrec" style="height:600px;overflow:auto">
                </ul>
                <!--</div>-->
            </div>
            <div class="col-sm-10" id="leftDiv">
                <div class="grid-btn grid-top">
                  <!--  <div class="grid-btn">
                        #if($shiro.hasPermission("sysoffice:save"))
                        <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增组织架构</a>
                        #end
                        #if($shiro.hasPermission("sysoffice:update"))
                        <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改组织架构</a>
                        #end
                        #if($shiro.hasPermission("sysoffice:delete"))
                        <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除组织架构</a>
                        #end
                        #if($shiro.hasPermission("sys:user:save"))
                        <a class="btn btn-primary" @click="addAccount"><i class="fa fa-plus"></i>&nbsp;新增员工</a>
                        #end
                        #if($shiro.hasPermission("sys:user:update"))
                        <a class="btn btn-primary" @click="updateAccount"><i class="fa fa-pencil-square-o"></i>&nbsp;修改员工</a>
                        #end
                        #if($shiro.hasPermission("sys:user:delete"))
                        <a class="btn btn-primary" @click="delAccount"><i class="fa fa-trash-o"></i>&nbsp;删除员工</a>
                        #end
                    </div>-->
                </div>

                    <div class="dropdown">
                        <a class="btn btn-primary" >组织架构维护<i class="glyphicon glyphicon-chevron-down"></i></a>
                        <div class="dropdown-content">
                            #if($shiro.hasPermission("sysoffice:save"))
                            <a class="btn btn-primary"  @click="add" >新增组织架构</a>
                            #end
                            #if($shiro.hasPermission("sysoffice:update"))
                            <a class="btn btn-primary"  @click="update" >修改组织架构</a>
                            #end
                            #if($shiro.hasPermission("sysoffice:delete"))
                            <a class="btn btn-primary"  @click="del" >删除组织架构</a>
                            #end
                        </div>
                    </div>

                <div class="dropdown">
                    <a class="btn btn-primary" >员工账号维护<i class="glyphicon glyphicon-chevron-down"></i></a>
                    <div class="dropdown-content">
                        #if($shiro.hasPermission("sys:user:save"))
                        <a class="btn btn-primary"  @click="addAccount" >新增员工</a>
                        #end
                        #if($shiro.hasPermission("sys:user:update"))
                        <a class="btn btn-primary"  @click="updateAccount" >修改员工</a>
                        #end
                        #if($shiro.hasPermission("sys:user:delete"))
                        <a class="btn btn-primary"  @click="delAccount" >删除员工</a>
                        #end
                    </div>
                </div>



                <!--<div id="partmentsTree"></div>-->
                <table id="jqGrid"></table>
                <div id="jqGridPager"></div>
            </div>

        </div>
    </div>

    <!-- 树菜单 -->
    <div class="pop" id="pop">
        <div class="col-sm-4"></div>
        <div class="row col-sm-4 tanchuang_neirong">
            <div class="col-sm-12 popherder">
                <span class="glyphicon glyphicon-remove-sign" @click="closePop"></span>
            </div>
            <div class="col-sm-12" style="height:400px;">
                <ul id="menuTreeScreen" class="ztree">
                </ul>
            </div>
            <div class="col-sm-12 popfooter" style="">
                <button type="button" class="btn btn-default" @click="closePop">取消</button>
                <button type="button" class="btn btn-default">确定</button>
            </div>
        </div>
        <div class="col-sm-4"></div>
    </div>

    <div v-show="!showList&&!showtable" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
            <div class="form-group">
                <div   class="col-sm-1 control-label">组织架构</div>
                <div  class="col-sm-2">
                    <input type="text" class="form-control" v-model="sysOffice.parentId" @click="selectDept"  readonly="readonly" placeholder="组织架构"/>
                </div>
                <div class="col-sm-1 control-label">名称</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="sysOffice.name" placeholder="名称"/>
                </div>

            </div>



            <div class="form-group">
                <div class="col-sm-1 control-label">联系地址</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="sysOffice.address" placeholder="联系地址"/>
                </div>
                <div class="col-sm-1 control-label">电话</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="sysOffice.phone" placeholder="电话"/>
                </div>

            </div>

            <div class="form-group">
                <div class="col-sm-1 control-label">传真</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="sysOffice.fax" placeholder="传真"/>
                </div>

                <div class="col-sm-1 control-label">邮箱</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="sysOffice.email" placeholder="邮箱"/>
                </div>

            </div>
            <div class="form-group">
            <div class="col-sm-1 control-label">是否启用</div>
            <div class="col-sm-2">
                <label class="radio-inline"><input type="radio" v-model="sysOffice.useable" value="Y"/>是</label>
                <label class="radio-inline"><input type="radio" v-model="sysOffice.useable" value="N"/>否</label>
            </div>
             </div>


    <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>


    <div v-show="showtable" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">

            <div class="form-group">
                <div class="col-sm-1 control-label">手机号</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="user.mobile" placeholder="手机号"/>
                </div>
                <div class="col-sm-1 control-label">密码</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="user.password" placeholder="密码"/>
                </div>
            </div>


            <div class="form-group">
                <div class="col-sm-1 control-label">用户名</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="user.username" placeholder="用户名"/>
                </div>
                <div class="col-sm-1 control-label">姓名</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="user.userdesc" placeholder="姓名"/>
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-1 control-label">邮箱</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="user.email" placeholder="邮箱"/>
                </div>
                <div class="col-sm-1 control-label">身份证</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="user.idno" placeholder="身份证"/>
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-1 control-label">部门</div>
                <div class="col-sm-2">
                    <input type="text" id="dept" class="form-control" v-model="user.dept" readonly="readonly"  @click="selectDept2"  placeholder="请选择"/>
                </div>
                <div class="col-sm-1 control-label">角色</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="user.roleName" readonly="readonly"  @click="selectRole"  placeholder="请选择"/>
                </div>
            </div>


            <div class="form-group">
                <div class="col-sm-1 control-label">岗位</div>
                <div class="col-sm-2">
                    <select id="post" v-model="user.post" class="form-control">
                        <option v-for="post in dictList3" :value="post.value">{{post.label}}</option>
                    </select>
                </div>
                <div class="col-sm-1 control-label">状态</div>
                <label class="radio-inline">
                    <input type="radio" name="status" value="0" v-model="user.status"/> 禁用
                </label>
                <label class="radio-inline">
                    <input type="radio" name="status" value="1" v-model="user.status"/> 正常
                </label>
            </div>


            <!--<div class="form-group">
                <div class="col-sm-2 control-label">角色</div>
                <div class="col-sm-2">
                    <label v-for="status in roleList" class="checkbox-inline">
                        <input type="checkbox" :value="status.roleId" v-model="user.roleIdList">{{role.roleName}}
                    </label>
                </div>
            </div>-->
            <div class="form-group">
                <div class="col-sm-1 control-label">是否主管</div>
                <div class="col-sm-2">
                    <label class="radio-inline"><input type="radio" v-model="user.issupervisor" value="0"/>是</label>
                    <label class="radio-inline"><input type="radio" v-model="user.issupervisor" value="1"/>否</label>
                </div>

                <div class="col-sm-1 control-label">内部数据权限</div>
                <div class="col-sm-2">
                    <select v-model="user.ifsuperdept" class="form-control">
                        <option v-for="ifsuperdept in dictList1" :value="ifsuperdept.value">{{ifsuperdept.label}}</option>
                    </select>
                </div>
            </div>


            <div class="form-group">
                <div class="col-sm-1 control-label">结算点级别</div>
                <div class="col-sm-2">
                    <select v-model="user.settlementinfo" onchange="infoChange()" class="form-control">
                        <option v-for="settlementinfo in dictList2" :value="settlementinfo.value">{{settlementinfo.label}}</option>
                    </select>
                </div>


                <div class="col-sm-1 control-label">外部数据权限</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" readonly="readonly"  @click='selectunit' v-model="user.settlementleverName" placeholder="请选择"/>
                </div>


            </div>

            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" @click="saveOrUpdateAccount" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>

<div id="popOffice" style="display: none;padding:10px;">
    <table id="popOfficeGrid"></table>
    <div id="popOfficeGridPager"></div>
</div>


<!-- 弹出框 -->
<div id="popRole" style="display: none;padding:10px;">
    <table id="popRoleGrid"></table>
    <div id="popRoleGridPager"></div>
</div>

<div id="popOffice1" style="display: none;padding:10px;">
    <table id="popOfficeGrid1"></table>
    <div id="popOfficeGridPager1"></div>
</div>


<!-- 弹出选择用户 -->
<div id="popUser" style="display: none;padding:10px;">
    <form id="formSearch" class="form-horizontal">
        <div class="form-group" >
            <label class="control-label col-sm-1" style="width: 120px" for="popUser_name">姓名 </label>
            <div class="col-sm-2">
                <input type="text" class="form-control" id="popUser_name">
            </div>
            <div class="col-sm-1" style="text-align:center;">
                <button type="button"  id="find_btn" @click="searchByName" class="btn btn-primary">查询</button>
            </div>
        </div>
    </form>
    <table id="popUserGrid"></table>
    <div id="popUserGridPager"></div>
</div>


<div id="windowunit" hidden="true">

    <table id="jqGridselect"></table>
    <div id="jqGridPagerselect"></div>
</div>

<div id="windowunit1" hidden="true">

    <table id="jqGridselect1"></table>
    <div id="jqGridPagerselect1"></div>
</div>

<script src="${rc.contextPath}/js/sys/sysoffice.js?_${date.systemTime}"></script>
</body>
</html>
